<template>
	<view class="main" :style="{paddingBottom:(getSafeBottom )+'px'}">
		<navbar :title="title"></navbar>
		<view class="content" :style="{paddingTop:(getStateHeight + getNavbar  ) + 'px'}">
			<view class="posters">
				<img :src="baseImage + usual[str]" alt="" class="postersImg" />
			</view>
		</view>
	</view>
</template>

<script>
	import Navbar from '@/components/Navbar.vue'
	import {
		mapGetters,
		mapState
	} from "vuex"
	export default {
		data() {
			return {
				str:"",
				title:"关于我们",
			}
		},
		components: {
			Navbar
		},
		computed:{
			...mapGetters(['getStateHeight', 'getNavbar','getSafeBottom']),
			...mapState(['usual','type','baseImage']),
		},
		methods: {
			
		},
		onLoad(options) {
			this.str = options.str;
			if(options.str=="businessLicense"){
				this.title="营业执照"
			}else if(options.str=="hrZheng"){
				this.title="人力资源许可证"
			}
		}
		
	}
</script>

<style scoped lang="less">
	.main {
		width: 100%;
	}
	
	.item{
		&-box{
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 30upx;
		}
		
		background-color: #fff;
		border-radius: 20upx;
		width: 30%;
		padding:30upx;
		box-sizing: border-box;
		text-align: center;
		&-num{
			font-size: 30upx;
			color: #000;
			font-weight: bold;
		}
		&-label{
			font-size: 26upx;
			color: #333;
			margin-top: 10upx;
		}
	}
	.posters{
		width: 100%;
		
		& img{
			width: 100%;
		}
	}
</style>